<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/cookie.js"></script>
    <style>
        #createCode {
            user-select: none;
        }

        .right {
            color: green;
            font-size: 12px;
        }

        .error {
            color: red;
            font-size: 12px;
        }
    </style>
</head>

<body>
    <!--
        form会将表单中的数据提交到action所指的地址栏(url => 后端对应接收数据的接口) => 跳转
        
            以get方式提交数据时,参数数据队列会拼接在url之后,和url以?分隔
            以post方式提交数据时,会利用http post机制,将数据携带请求主体中,提交 

        缺点: 提交数据时 伴随跳转 => 影响用户的体验 => 有没有办法让当前页面，不跳转的同时把数据传递过去，把服务器(后端)响应的内容拿回来

        ajax
            是指一种创建交互式网页应用的网页开发技术。

            - AJAX：Asynchronous Javascript And XML（异步JavaScript和XML）
            - 交互：这里的交互指客户端和服务器的数据是可以相互传递和使用的。
            - XML：一种类似于HTML的标记语言，可以将数据结构化，XML已经被JSON淘汰了。
            - 异步：异步指程序可以同时执行，同步指程序需要按照顺序执行。

            特点: 
                在不提交整个页面的情况下,实现页面的局部刷新;

            注意：AJAX必须依赖服务执行，即使用http/https协议来运行

       
    
     -->
    <form class="box" action="/后端的接口地址" method="get">
        <p>
            <label for="">用户名:</label>
            <input type="text" name="user">
            <span name="user_span"></span>
        </p>
        <p>
            <label for="">密&emsp;码:</label>
            <input type="text" name="pwd">
            <span name="pwd_span"></span>
        </p>
        <p>
            <label for="">手机号:</label>
            <input type="text" name="phone">
            <span name="phone_span"></span>
        </p>
        <p>
            <label for="">邮&emsp;箱:</label>
            <input type="text" name="email">
            <span name="email_span"></span>
        </p>
        <p>
            <input class="btn" type="submit" value="注册">
        </p>
    </form>
</body>
<script>





</script>

</html>